*{margin: 0;padding:0;}
body,html{
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.swiper-container {
    height: 100%;
    background-image: url('../images/bg.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
 }

 #demo1,#demo2,#demo3,#demo4,#demo5,#demo6,#demo7{
    width:100%;
    height:100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
 }

 .move {
     -webkit-animation: move 4.0s infinite ease-in-out;
     animation: move 4.0s infinite ease-in-out;
     position: absolute;
     left: 50%;
     margin-left: -5%;
     width: 10%;
     bottom: 6px;
     z-index: 99;
     display: none;
 }
.start {
     -webkit-animation: move 4.0s infinite ease-in-out;
     animation: move 4.0s infinite ease-in-out;
     position: absolute;
     left: 50%;
     margin-left: -5%;
     width: 10%;
     bottom: 6px;
     z-index: 99;
     display: none;
 }


 @-webkit-keyframes move {
     0%,
     100% {
         -webkit-transform: scale(1.0);
         -moz-transform: scale(1.0);
         -o-transform: scale(1.0);
         -ms-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
     }
     50% {
         -webkit-transform: scale(0.5);
         -ms-transform: scale(0.5);
         -moz-transform: scale(0.5);
         -o-transform: scale(0.5);
         transform: scale(0.5);
         opacity: .5;
     }
 }

 @keyframes move {
     0%,
     100% {
         -webkit-transform: scale(1.0);
         -moz-transform: scale(1.0);
         -o-transform: scale(1.0);
         -ms-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
     }
     50% {
         -webkit-transform: scale(0.5);
         -ms-transform: scale(0.5);
         -moz-transform: scale(0.5);
         -o-transform: scale(0.5);
         transform: scale(0.5);
         opacity: .5;
     }
 }

 #bg_music_btn {
     position: absolute;
     top: 6px;
     right: 6px;
     height: 30px;
     width: 30px;
     background-image: url(../images/music.png);
     background-size: 100%;
     background-repeat: no-repeat;
     z-index: 100;
     cursor: pointer;
     -webkit-animation: music_disc 4s linear infinite;
     animation: music_disc 4s linear infinite;
     opacity: .6;
 }

 @-webkit-keyframes music_disc {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes music_disc {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 .page{
     width: 100%;
     height: 100%;
     background: #53a3d2;
     color: #ffffff;
 }

 .page1{
     display: none;
 }